{% extends 'core/_base.html' %}
{% block body %}
<div class="container">
  <div class="row justify-content-center">
    <div class="col-xl-6 col-lg-6 col-md-8">
      <div class="card o-hidden border-0 shadow-lg my-5">
        <div class="card-body p-0">
          <div class="p-5">
            <div class="text-center">
              <h1 class="h4 text-gray-900 mb-4">Welcome Back!</h1>
            </div>

            {% if form.non_field_errors %}
              <div class="alert alert-danger">
                {{ form.non_field_errors }}
              </div>
            {% endif %}

            {% if messages %}
              {% for message in messages %}
                <div class="alert alert-{{ message.tags }}">{{ message }}</div>
              {% endfor %}
            {% endif %}

            <form method="post" class="user">
              {% csrf_token %}
              {{ form.username.label_tag }}
              <div class="form-group">
                {{ form.username }}
              </div>

              {{ form.password.label_tag }}
              <div class="form-group">
                {{ form.password }}
              </div>

              {% if next %}
                <input type="hidden" name="next" value="{{ next }}" />
              {% endif %}

              <button type="submit" class="btn btn-primary btn-user btn-block">Login</button>
            </form>

            <hr>
            <div class="text-center">
              <a class="small" href="#">Forgot Password?</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock body %}